<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.w3.org/1999/xhtml">
<title>About</title>
<!---css--->
<link href="/static/css/bootstrap.css" rel='stylesheet' type='text/css'/>
<link href="/static/css/style.css" rel='stylesheet' type='text/css'/>
<link href="/static/css/about.css" rel='stylesheet' type='text/css'>
<!---css--->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="keywords" content="Real Space Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design"/>
<script type="application/x-javascript"> addEventListener("load", function () {
    setTimeout(hideURLbar, 0);
}, false);

function hideURLbar() {
    window.scrollTo(0, 1);
} </script>
<!---js--->
<script src="/static/js/jquery-1.11.1.min.js"></script>
<script src="/static/js/bootstrap.js"></script>
<!---js--->
<!-- FlexSlider -->
<script src="/static/js/jquery.flexslider.js"></script>
<link rel="stylesheet" href="/static/css/flexslider.css" type="text/css" media="screen"/>
<script>
    // Can also be used with $(document).ready()
    $(window).load(function () {
        $('.flexslider').flexslider({
            animation: "slide",
            controlNav: "thumbnails"
        });
    });
</script>
<!-- //FlexSlider-->
<script src="/static/js/vue.js"></script>
<script src="/static/js/jquery.cookie.js"></script>
<script src="/static/js/axios.js"></script>
</head>
<body>

<div class="header-section">
    <div class="container">
        <nav class="navbar navbar-default">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                        data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <div class="navbar-brand">
                    <h1><a href="index.html"><span>Real </span>Space</a></h1>
                </div>
            </div>
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li><a href="index">主页 <span class="sr-only">(current)</span></a></li>
                    <li><a href="secondlist">二手房</a></li>
                    <li><a href="rentlist">租房</a></li>
                    <li><a href="newhourse">新房 </a></li>
                    <li><a href="community">小区</a></li>
                    <li><a href="broker">经纪人</a></li>
                    <li><a href="knowledge">知识</a></li>
                </ul>
                <div class="email" v-if="name==null">
                    <ul>
                        <li><i class="glyphicon glyphicon-log-in" aria-hidden="true"></i><a href="#" data-toggle="modal"
                                                                                            data-target="#myModal">登陆</a>
                        </li>
                        <li><i class="glyphicon glyphicon-lock" aria-hidden="true"></i><a href="#" data-toggle="modal"
                                                                                          data-target="#myModal1">注册</a>
                        </li>
                    </ul>
                </div>
                <div class="login-next" v-if="name!=null">
                    <img :src="image"
                         style="width: 40px;height: 40px;margin-top: 12px;border-radius: 50%;float: left;margin-left: 140px;">
                    <p class="login-p"
                       style="color:white;float: left;margin-top: 15px;margin-left: 5px;font-size: 20px;" v-text="name">
                        admin</p>
                </div>
                <div class="clearfix"></div>
            </div>
        </nav>
    </div>
</div>


<div class="banner-section">
    <div class="container">
        <h2 class="sss">当前租房</h2>
    </div>
</div>

<div class="content">
    <div class="about-section">
        <div class="container">
            <div class="about-grids">
                <div class="col-md-8 about-grid">
                    <h3>一梯两户 赠送一个很大的面积 两房朝南</h3>
                    <div class="about1">
                        <div class="about-left">
                            <img src="/static/images/a1.jpg" class="img-responsive" alt="/">
                        </div>
                        <div class="about-right">
                            <span class="glyphicon glyphicon-bookmark"></span>
                            <h2>房屋基础信息</h2>
                            <p>户主：<span th:text="${detail1.own}">11</span></p>
                            <p>地址：<span th:text="${detail1.adress}">11</span></p>
                            <p>总价：<span th:text="${detail1.price}">11</span></p>
                            <p>面积：<span th:text="${detail1.area}">11</span></p>
                            <p>户型：<span th:text="${detail1.shape}">11</span></p>
                            <p>户层：<span th:text="${detail1.floor}">11</span></p>
                            <p>年代：<span th:text="${detail1.year}">11</span></p>
                            <p>朝向：<span th:text="${detail1.forward}">11</span></p>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
                <div class="col-md-4 about-grid1">
                    <h3>品牌特色</h3>
                    <div class="about2">
                        <div class="about-left1">
                            <p>1</p>
                        </div>
                        <div class="about-right1">
                            <h3 th:text="${detail1.price}">195</h3>
                            <span class="label label-danger">售价/万</span>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="about3">
                        <div class="about-left1">
                            <p>2</p>
                        </div>
                        <div class="about-right1">
                            <h3 th:text="${detail1.shape}">两室两厅</h3>
                            <span class="label label-danger">户型</span>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="about2">
                        <div class="about-left1">
                            <p>3</p>
                        </div>
                        <div class="about-right1">
                            <h3 th:text="${detail1.area}">61.37</h3>
                            <span class="label label-danger">面积</span>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
                <div class="clearfix"></div>
            </div>
            <div class="people-list">
                <h3>看房记录</h3>

                <span class="label label-warning">新</span>
                <div class="lists">
                    <div  th:text="${detail1.id}" class="bb" style="display: none;"></div>
                    <table class="table table-striped">
                        <thead>
                        <tr>
                            <th>记录序号</th>
                            <th>看房时间</th>
                            <th>经纪人</th>
                            <th>房种</th>
                        </tr>
                        </thead>
                        <tr v-for="bs in basiclist">
                            <th>{{bs.id}}</th>
                            <th>{{bs.time}}</th>
                            <th>{{bs.broker}}</th>
                            <th>{{bs.type}}</th>
                        </tr>
                    </table>
                </div>
                <ul class="pagination" style="float: right;">
                    <li><a href="#">&laquo;</a></li>
                    <li><a href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">4</a></li>
                    <li><a href="#">5</a></li>
                    <li><a href="#">&raquo;</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>

<!-- login -->
<div id="not-success">
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content modal-info">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                </div>
                <div class="modal-body real-spa">
                    <div class="login-grids">
                        <div class="login">

                            <div class="login-right" id="login">
                                <form>
                                    <h3>Login</h3>
                                    <input type="text" value="Enter your Phone" onfocus="this.value = '';"
                                           onblur="if (this.value == '') {this.value = 'Enter your Email';}" required=""
                                           id="username">
                                    <input type="password" value="Password" onfocus="this.value = '';"
                                           onblur="if (this.value == '') {this.value = 'Password';}" required=""
                                           id="password">
                                    <h4><a href="#">忘记密码？</a> / <a href="#">注册账号</a></h4>
                                    <div class="single-bottom">
                                        <input type="checkbox" id="brand" value="">
                                        <label for="brand"><span></span>记住我</label>
                                    </div>
                                    <button type="button" value="" class="logins">登录</button>
                                </form>
                            </div>

                        </div>
                        <p>登陆即同意<a href="#">合约</a></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- login  -->
    <!-- Register -->
    <div class="modal fade" id="myModal1" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content modal-info">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                </div>
                <div class="modal-body real-spa">
                    <div class="login-grids">
                        <div class="login">
                            <div class="login-right">
                                <h3>Register </h3>
                                <input type="text" value="Name" onfocus="this.value = '';"
                                       onblur="if (this.value == '') {this.value = 'Name';}" required="" id="name">
                                <input type="text" value="Mobile number" onfocus="this.value = '';"
                                       onblur="if (this.value == '') {this.value = 'Mobile number';}" required=""
                                       id="phone">
                                <input type="password" value="Password" onfocus="this.value = '';"
                                       onblur="if (this.value == '') {this.value = 'Password';}" required=""
                                       id="passwords">
                                <button type="button" value="" class="registers">立即注册</button>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                        <p>登陆即同意<a href="#">合约</a></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="/static/js/about.js"></script>
</body>
</html>